<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>

<head>
<meta "name"="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="shortcut icon" href="${ctx }/ico/favicon.ico">
<link href="${ctx }/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="${ctx }/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="${ctx }/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="${ctx }/css/animate.css" rel="stylesheet">
<link href="${ctx }/css/style.css?v=4.1.0" rel="stylesheet">
<style type="text/css">
#side-menu>.active {
	border-left: 4px solid #f3f3f4;
	background-color: #f3f3f4;
}

#side-menu>.active>a {
	color: #036e71;
}

;
}
#side-menu>li>a {
	padding: 5px 10px;
}

.nav>li>a {
	color: #666;
	font-weight: normal;
}

.nav.nav-second-level.collapse[style] {
	height: auto !important;
	background: none;
}
</style>
</head>

<body class="gray-bg" style="width: 100%; height: 100%">
	<div class="row">
		<div class="col-sm-3"
			style="width: 18%; background: #fff; height: 88%; box-sizing: border-box;">
			<div class="ibox float-e-margins">
				<div class="ibox-content mailbox-content">
					<div class="sidebar-collapse">
						<a class="btn btn-block btn-primary">监控管理</a>
						<!-- <div class="space-25"></div> -->
						<ul class="nav" id="side-menu">
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="col-sm-9 animated fadeInRight" id="userInfoWin"
			style="width: 82%; box-sizing: border-box;">
			<iframe id="userInfoFrame" width="100%" height="88%" frameborder="0"
				style="overflow: hidden"> </iframe>
		</div>
	</div>


	<!-- 全局js -->
	<script src="${ctx }/js/jquery.min.js?v=2.1.4"></script>
	<script src="${ctx }/js/bootstrap.min.js?v=3.3.6"></script>
	<!-- 自定义js -->
	<script src="${ctx }/js/content.js?v=1.0.0"></script>

	<script>
		$(document).ready(function() {
			$('.i-checks').iCheck({
				checkboxClass : 'icheckbox_square-green',
				radioClass : 'iradio_square-green',
			});
			$.ajax({
				async : false, //请勿改成异步，下面有些程序依赖此请数据
				type : "POST",
				url : '${ctx}/monit/getMenuHtml',
				success : function(json) {
					//console.log(json);
					var ul = $("#side-menu");
					ul.append(json.substring(1, json.length - 1));
					//alert(json.substring(1, json.length - 1));
				}
			});
		});

		function sendUrl(x) {
			//alert(x);
			var frameSrc = "${ctx}" + x;
			$('#userInfoFrame').attr("src", frameSrc);
			$('#userInfoWin').show();
		}
	</script>
	<script src="${ctx }/js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="${ctx }/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<!-- iCheck -->
	<script src="${ctx }/js/plugins/iCheck/icheck.min.js"></script>
	<!-- 自定义js -->
	<script src="${ctx }/js/hplus.js?v=4.1.0"></script>

</body>

</html>
